<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<div class="navbar-container ace-save-state" id="navbar-container">
	<!-- #section:basics/sidebar.mobile.toggle -->
	<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
		<span class="sr-only">Toggle sidebar</span>

		<span class="icon-bar"></span>

		<span class="icon-bar"></span>

		<span class="icon-bar"></span>
	</button>

	<!-- /section:basics/sidebar.mobile.toggle -->
	<div class="navbar-header pull-left">
		<!-- #section:basics/navbar.layout.brand -->
		<a href="#" class="navbar-brand">
			<small>
				<i class="fa fa fa-fire"></i>
				<spring:message code="sys.site.title" arguments="${platformName}"/>
			</small>
		</a>

		<!-- /section:basics/navbar.layout.brand -->

		<!-- #section:basics/navbar.toggle -->

		<!-- /section:basics/navbar.toggle -->
	</div>

	<!-- #section:basics/navbar.dropdown -->
	<div class="navbar-buttons navbar-header pull-right" role="navigation">
		<ul class="nav ace-nav">
			<li class="grey dropdown-modal">
				<a data-toggle="dropdown" class="dropdown-toggle" href="#">
					<i class="ace-icon fa fa-tasks"></i>
					<span class="badge badge-grey">4</span>
				</a>

				<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
					<li class="dropdown-header">
						<i class="ace-icon fa fa-check"></i>
						4 Tasks to complete
					</li>

					<li class="dropdown-content">
						<ul class="dropdown-menu dropdown-navbar">
							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">Software Update</span>
										<span class="pull-right">65%</span>
									</div>

									<div class="progress progress-mini">
										<div style="width:65%" class="progress-bar"></div>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">Hardware Upgrade</span>
										<span class="pull-right">35%</span>
									</div>

									<div class="progress progress-mini">
										<div style="width:35%" class="progress-bar progress-bar-danger"></div>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">Unit Testing</span>
										<span class="pull-right">15%</span>
									</div>

									<div class="progress progress-mini">
										<div style="width:15%" class="progress-bar progress-bar-warning"></div>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">Bug Fixes</span>
										<span class="pull-right">90%</span>
									</div>

									<div class="progress progress-mini progress-striped active">
										<div style="width:90%" class="progress-bar progress-bar-success"></div>
									</div>
								</a>
							</li>
						</ul>
					</li>

					<li class="dropdown-footer">
						<a href="#">
							See tasks with details
							<i class="ace-icon fa fa-arrow-right"></i>
						</a>
					</li>
				</ul>
			</li>

			<li class="purple dropdown-modal">
				<a data-toggle="dropdown" class="dropdown-toggle" href="#">
					<i class="ace-icon fa fa-bell icon-animated-bell"></i>
					<span class="badge badge-important">8</span>
				</a>

				<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
					<li class="dropdown-header">
						<i class="ace-icon fa fa-exclamation-triangle"></i>
						8 Notifications
					</li>

					<li class="dropdown-content">
						<ul class="dropdown-menu dropdown-navbar navbar-pink">
							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">
											<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
											New Comments
										</span>
										<span class="pull-right badge badge-info">+12</span>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									<i class="btn btn-xs btn-primary fa fa-user"></i>
									Bob just signed up as an editor ...
								</a>
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">
											<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
											New Orders
										</span>
										<span class="pull-right badge badge-success">+8</span>
									</div>
								</a>
							</li>

							<li>
								<a href="#">
									<div class="clearfix">
										<span class="pull-left">
											<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
											Followers
										</span>
										<span class="pull-right badge badge-info">+11</span>
									</div>
								</a>
							</li>
						</ul>
					</li>

					<li class="dropdown-footer">
						<a href="#">
							See all notifications
							<i class="ace-icon fa fa-arrow-right"></i>
						</a>
					</li>
				</ul>
			</li>

			<li class="green dropdown-modal">
				<a data-toggle="dropdown" class="dropdown-toggle" href="#">
					<i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
					<span class="badge badge-success">5</span>
				</a>

				<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
					<li class="dropdown-header">
						<i class="ace-icon fa fa-envelope-o"></i>
						5 Messages
					</li>

					<li class="dropdown-content">
						<ul class="dropdown-menu dropdown-navbar">
							<li>
								<a href="#" class="clearfix">
									<img src="${staticPath}/ace/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
									<span class="msg-body">
										<span class="msg-title">
											<span class="blue">Alex:</span>
											Ciao sociis natoque penatibus et auctor ...
										</span>

										<span class="msg-time">
											<i class="ace-icon fa fa-clock-o"></i>
											<span>a moment ago</span>
										</span>
									</span>
								</a>
							</li>

							<li>
								<a href="#" class="clearfix">
									<img src="${staticPath}/ace/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
									<span class="msg-body">
										<span class="msg-title">
											<span class="blue">Susan:</span>
											Vestibulum id ligula porta felis euismod ...
										</span>

										<span class="msg-time">
											<i class="ace-icon fa fa-clock-o"></i>
											<span>20 minutes ago</span>
										</span>
									</span>
								</a>
							</li>

							<li>
								<a href="#" class="clearfix">
									<img src="${staticPath}/ace/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
									<span class="msg-body">
										<span class="msg-title">
											<span class="blue">Bob:</span>
											Nullam quis risus eget urna mollis ornare ...
										</span>

										<span class="msg-time">
											<i class="ace-icon fa fa-clock-o"></i>
											<span>3:15 pm</span>
										</span>
									</span>
								</a>
							</li>

							<li>
								<a href="#" class="clearfix">
									<img src="${staticPath}/ace/avatars/avatar2.png" class="msg-photo" alt="Kate's Avatar" />
									<span class="msg-body">
										<span class="msg-title">
											<span class="blue">Kate:</span>
											Ciao sociis natoque eget urna mollis ornare ...
										</span>

										<span class="msg-time">
											<i class="ace-icon fa fa-clock-o"></i>
											<span>1:33 pm</span>
										</span>
									</span>
								</a>
							</li>

							<li>
								<a href="#" class="clearfix">
									<img src="${staticPath}/ace/avatars/avatar5.png" class="msg-photo" alt="Fred's Avatar" />
									<span class="msg-body">
										<span class="msg-title">
											<span class="blue">Fred:</span>
											Vestibulum id penatibus et auctor  ...
										</span>

										<span class="msg-time">
											<i class="ace-icon fa fa-clock-o"></i>
											<span>10:09 am</span>
										</span>
									</span>
								</a>
							</li>
						</ul>
					</li>

					<li class="dropdown-footer">
						<a href="inbox.html">
							See all messages
							<i class="ace-icon fa fa-arrow-right"></i>
						</a>
					</li>
				</ul>
			</li>

			<!-- #section:basics/navbar.user_menu -->
			<li class="light-blue dropdown-modal">
				<a data-toggle="dropdown" href="#" class="dropdown-toggle">
					<img class="nav-user-photo" src="${fns:getUser().portrait}" alt="${fns:getUser().realname}" />
					<span class="user-info">
						<small>欢迎您,</small>
						${fns:getUser().realname}
					</span>
					<i class="ace-icon fa fa-caret-down"></i>
				</a>

				<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
					<li>
						<a class="J_menuItem" href="${adminPath}/sys/user/${fns:getUser().id}/avatar">
							<i class="ace-icon fa fa-user"></i>
							修改密码
						</a>
					</li>
					<li class="divider"></li>
                    <li>
                    	<a href="#" onclick="changeStyle('uadmin')"><i class="ace-icon fa  fa-wikipedia-w"></i>FLAT主题</a>
                    </li>
                    <li>
                    	<a href="#" onclick="changeStyle('inspinia')"><i class="ace-icon fa  fa-wikipedia-w"></i>INSPINIA主题</a>
                    </li>
					<li class="divider"></li>
					<li>
						<a href="${adminPath}/logout">
							<i class="ace-icon fa fa-power-off"></i>
							安全退出
						</a>
					</li>
				</ul>
			</li>

			<!-- /section:basics/navbar.user_menu -->
		</ul>
	</div>

	<!-- /section:basics/navbar.dropdown -->
</div><!-- /.navbar-container -->
<script>
function changeStyle(theme){
	   $.get('${adminPath}/theme/'+theme+'?url='+window.top.location.href,function(result){   window.location.reload();});
}
</script>